/*
Fecha       : 10/10/2011
Autor       : Jorge Romani Lopez
Descripcion : Modificacion de estilos
*/
.tblListado    {background-color: white; font-family: arial !important; font-size: 11px !important; width: 100%; padding: 0; border-collapse: collapse; margin-top: 0px; margin-bottom: 5px;}
.tblListado th {border: solid 1px #4374a7; height: 20px; background-color: #729fcf; color: white;}
.tblListado td {border: solid 1px #4374a7; padding: 0px; padding-left: 3px}
.tblListado tr {background-color: white;}

.tblFormulario {background-color: white; width: 100%; padding: 0; border-collapse: collapse; border: solid 1px #89b7d9; margin-top: 0px; margin-bottom: 5px;}
.tblFormulario td {border-bottom: solid 1px #89b7d9;}
.tblFormulario .etiqueta {font-family: arial; font-size: 11px; text-align: right; background-color: #e0effc; color: #2e6e9e; font-weight: bold; height: 20px; width:90px; padding: 3px;} 
.tblFormulario .valor    {font-family: arial; font-size: 11px; padding: 1px; text-align: left;}

.tblTitulo     {width: 100%; background-color: #F9FBFD; border: 1px solid #D7E5F2; margin-bottom: 5px; margin-top: 5px}
.tblTitulo td  {text-align: center; font-weight: bold; color:#3670A7 !important; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px !important;}

.etiqueta {font-family: arial; font-size: 11px; text-align: right; background-color: #e0effc; color: #2e6e9e; font-weight: bold; height: 20px; width:90px; padding: 3px;}

.boton {background-color: #E0EFFC;border-top: 1px solid #89b7d9;border-left: 1px solid #89b7d9;border-bottom: 2px groove #89b7d9;border-right: 2px groove #89b7d9; color: #1b4b70; font-weight: bold; height: 21px; text-transform:none;font-family: Arial,Helvetica,sans-serif;font-size: 11px; width: 80px;}
.boton1 {background-color: #E0EFFC;border-top: 1px solid #89b7d9;border-left: 1px solid #89b7d9;border-bottom: 2px groove #89b7d9;border-right: 2px groove #89b7d9; color: #1b4b70; font-weight: bold; height: 21px; text-transform:none;font-family: Arial,Helvetica,sans-serif;font-size: 11px; width: 120px;}
.boton2 {background-color: #E0EFFC;border-top: 1px solid #89b7d9;border-left: 1px solid #89b7d9;border-bottom: 2px groove #89b7d9;border-right: 2px groove #89b7d9; color: #1b4b70; font-weight: bold; height: 21px; text-transform:none;font-family: Arial,Helvetica,sans-serif;font-size: 11px; width: 160px;}

combo{color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-transform: uppercase;}
/*select {color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-transform: uppercase;}*/
.input {color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-transform: uppercase;}

fieldset {margin-bottom: 3px;}
fieldset legend {font-weight: bold; color:#3670A7 !important; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px !important; margin-bottom: 3px;}

.editable {}
.noeditable {background-color: #f4f4f4 !important;}

.ui-datepicker-month {width: 55px !important;}
.ui-datepicker-year  {width: 55px !important;}
/*  */

body {
	background-color: #F9F9F9;
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	text-align:center;
	margin:0;
	padding:0;
	height:100%; 
}

.clear_both { clear: both; line-height: 1px; }

.input {
	background: #ECECEC;
    border: 1px solid #B1B1B1;
    color: #333333;
    margin: 1px 0 1px 0;
    /*padding: 4px;*/
	/*width:90%;*/
	/*text-transform: uppercase;*/
	font-size:11px;
	/*line-height:10px;*/
	/*height:23px;*/
}
img{
	border:0 none; 
}

.inputobligatorio, .input1 {
	background-color: #D2DCEE;
	border: 1px solid #678BCE !important;
	color: #333333;
	width:128px;
	/*margin: 3px;*/
	/*padding: 4px;*/
	/*width:90%;*/
	/*text-transform: uppercase;*/
	font-size:11px;
	line-height:10px;
	/*height:23px;*/
}

.inputdisabled {
    border: 1px solid #678BCE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	width:90%;
	/*text-transform: uppercase;*/
	background-color: #e4e4e4;
	line-height:10px;
	height:23px;	
}

.cuadrocontent{
	
}

.cuadrocontent2{

}

.cuadrocontentGrilla{
	background-color: #FFFFFF;
	margin-right:5px;
	font-size: 11px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.cuadroblanco{
	background-color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}
.cuadrotitle{
	font-family: Arial,Verdana,sans-serif;
	color:#FFFFFF;
	font-size: 14px;
    font-weight: bold;
	text-align: left;
	padding-left:10px;
    border-bottom: 1px solid #00AEEB;
    color: #00AEEB;
    padding-bottom: 0.3em;
    padding-top: 0.9em;	
	margin: 0 0 20px 0;
}

td { border:0; }
tr { border:0; }

.table1{
	border-bottom: 1px dotted #BDBDBD;
	padding-bottom:20px;
}

.table2{

}

.table3{

}

.table4{
	background-color: #eff3ff;
    border: 0px;
	width: 790px;
	height:490px;
	border: 1px solid #A9B5B9;
}

.tcelda1 {
	color: #333333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding-right:5px;
}

.tcelda2 {
    color: #000000;
	padding-left:10px;
	padding-right:10px;
	/*text-transform: uppercase;*/
}

.tcelda3 {
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
	/*overflow:hidden;*/
	/*height:5px;*/
	padding:1px 5px;
	line-height:17px;
	font-family:Arial;
	background-color:#white!important;
	/*text-transform: uppercase;*/
}

.tcelda3  { 	border-bottom: 1px dotted #BDBDBD; /*padding:5px 0 5px 0;*/	 }

input.button1 {
border: none;
width:120px;
height:25px;
/*background: url('up.png') no-repeat top left;*/
padding: 2px 8px;
color:#FFFFFF;
}

input.button1:hover  {
	background: url('down.png') no-repeat top left;
	font-weight:bold;
	color:#446088;
} 


/* -------------------- */
/* botones grids        */
/* -------------------- */

a.button_link{
display:block;
color:#555555;
height:22px;
line-height:29px;
text-decoration:none;
/*width:100px;*/
width: 100%;
text-align:left;
}
a:hover.button_link{
color:#0066CC;
}

.desconf{
background:url(badge-square-cross-16-ns.png) no-repeat 5px 5px;
text-indent:25px;
display:block;
}

.modify{
background:url(page-pencil-16.png) no-repeat 5px 5px;
text-indent:25px;
display:block;
}

.delete{
background:url(badge-circle-minus-16.png) no-repeat 5px 5px;
text-indent:25px;
display:block;
}

.options{
background:url(page-forum-16.png) no-repeat 5px 5px;
text-indent:25px;
display:block;
}

.logout{
/*background:url(badge-circle-power-16.png) no-repeat 5px 5px;*/
text-indent:25px;
/*display:block;*/
}

/* end */

.error {
    color: #FF0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: bold;
	text-align: left;
}

.exito {
    color: #0033FF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: bold;
	text-align: left;
}

.enlace1   { 		
	Color: #979595;
	Font-Size: 9px;
	text-decoration: none;
	font-weight: bold;
}

.info_usuario{
	text-align:left;
	margin:15px 0px 15px 0px;
	Color: #898787;
	Font-Size: 9px;
}
  
/*.input1 {
    border: 1px solid #678BCE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	width:150;
	text-transform: uppercase;
}*/

.input2 {
    border: 1px solid #678BCE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	width:150;
	text-align: right;
}

.input3 {
    border: 1px solid #678BCE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	width:35;
	text-align: right;
}

.combo{
	background: #ECECEC;
    border: 1px solid #B1B1B1;
    font-weight: normal;
    text-decoration: none;
	width:100%;
	text-transform: uppercase;
	color:#333333;
	font-size:10px;
	padding:3px;
}

.combo1{
    border: 1px solid #678BCE;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-decoration: none;
	width:150;
	text-transform: uppercase;
}

.tcelnom {
	color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
	text-align: left;
	background-color: #FFFFFF;
}

.tceldatabla {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
	/*text-align: center;*/
	background-color: #FFFFFF;
}

.tceldatabla1 {
	border-bottom: 2px solid #004D90;
	color: #004D90;
	font: bold 12px Arial,Verdana,sans-serif;
	padding: 7px 0 5px 5px;
	background-color:#C6D7EC;
}

.scrollgrilla{
	border:1;
 	overflow:auto;
 	width:100%;
 	height:100%;
}

#container {
    background: url("madre_bg_n.gif") repeat-y scroll left top #FFFFFF;
    border: 0 none;
    color: #333333;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 770px;
	/*height:101%;*/
}

#logo { 
		width:300px;
		height:80px;
		float:left;
		display:block;
		margin: 0 0 0 -10px;
}

#banner {
	float:right;
	width:400px;
	height:80px;
	display:block;
	background:url(banner.jpg) no-repeat;
	margin:0 8px 10px 0;
}

#user { float:left;
		width:635px;
		height:25px;
		padding-top:10px;
		text-align:left;
		margin:0px; }

#logout { 
		float:right; 
		margin:0 10px auto;
		}

#systemWorking {
	/*float:right;*/
	margin:0px 10px auto;
	position:absolute;
	z-index:100;
}

#menu_principal {
	position:relative;
	width:760px; 
	top:-94px;
	left:-6px;
	/*top:-95px;
	left:-2px;*/
}

#contenido{
	height:auto;
	overflow:hidden;
	margin-top:25px;
}

#maestro{
	height:auto;
	overflow:hidden;
	width:97%;
	margin:0 0 0 5px;
}

#botonera{
	width:100%;
	height:auto;
	overflow:hidden;
	margin: 20px 0 20px 0 ;
/*	border: 1px solid #A9B5B9;
	background-color: #eff3ff; */
}

#detalle{
	margin:0 auto;
	width:95%;
}

#footer_image {
	background:url(bbva-4.jpg) no-repeat;
	display:block;
	width:755px;
	height:288px;
	margin:30px 0 0 9px;
	}

#footer{
  Color: #fff;
  Font-Size: 11px;
  text-align:left;
  /*padding:15px 0 0 20px;*/
  height:25px;
  width:790px;
  background-color:#5272A3;
  margin:0 0 0 0px;
}
#textfooter{
	text-align:center;
	padding:5px 10px 0 20px;  
}
  
.tablaDatosPersona{
	border: 1px solid #336699;
}

.titulo{
	text-align: center;	
}

.celdaCuadro {
	text-decoration : none;
	border: 1px solid #336699;
	background-color: #5272a3;
	text-align: left;
}

.celdaTextoBlanco{
	color: #FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding-right:15px;
}

.resultadoReniec{
	border: 1px solid #336699;
}

.imagen{
	border: 1px solid #336699;
	width: 100px;
	height: 100px;
	text-align:center;
}

.campoFecha{
	width:80px;
}

.tceldatablaCabecera{
	border-bottom: 2px solid #004D90;
	color: #004D90;
	text-align: center;
	font: bold 12px Arial,Verdana,sans-serif;
	background-color:#C6D7EC;
	padding: 0; 
}

.tceldatablaCuerpo{
	text-align: center;
	font: bold 12px Arial,Verdana,sans-serif;
	padding: 0;
	 
}

.tabla{
	padding:0;
}
.cuerpoprincipal{
		top: 0;
		margin-left: 20px;
		width: 100%;
		text-align: left;
	}
	
	/*---- menu ----*/
	.tdmenu{
	 vertical-align: top;
	}
	.menu_cont {
		background: #fff;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom:30px;
		position: relative;
		float: left;
		width: 150px;
		top: 5px;
	}
		
	.menu_cont *{
		 font-family: Verdana, sans-serif;
		 font-size: 12px;
		 text-decoration: none;
		 color: #333;
	}
	.menu_top_bg {
		font-size: 13px;
		font-weight:bold;
		text-align:left;
		margin-bottom:1px;
		padding-left: 7px;
		height: 1.5em;
		color: #7993BA;
	}
	
	.sub_menu ul{
		padding:0px;
		margin:0px;
	}
	
	.sub_menu ul li{ 
		line-height:30px;
		list-style-type:none;
		text-indent:8px;
		height:30px;
		border-bottom:1px dotted #93bcc3;
	}
	
	.sub_menu ul li a{
		float:left;
		display:block;
		width:150px;
		height:30px;
		color: #333;
		position:relative;
	}
	.sub_menu ul li a.selected, .sub_menu ul li a:hover.selected{
		background: url("../images/menu_selected.png") right center no-repeat;
		color: #fff; 
	}
	
	.sub_menu ul li a:hover{
		background: url("../images/menu_selected1.png") right no-repeat;
		color: #fff; 
	}

	/*---- fin menu ----*/
	
	
	/*- Menu Tabs CSS+XHTML-------- */	
	#tabs {
      font-size:11px;
	  margin-bottom:0px;
	  vertical-align: bottom;
    }
    #tabs ul {
	  	margin: 15px 0 0 0;
		padding:5px 0 0 0;
		list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a, #tabs ul div {
      float:left;
      background:url("../images/tableft_pm.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 14px;
      text-decoration:none;
      background-position:0% -42px;
      }
    #tabs a span, #tabs ul div span {
      float:left;
      display:block;
      background:url("../images/tabright_pm.jpg") no-repeat right top;
      padding:5px 15px 3px 6px;
      color:#333;
      font-weight: bold;
      background-position:100% -42px;
      }
      
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span, #tabs ul div span {float:none;}
    /* End IE5-Mac hack */
    
    #tabs a:hover, #tabs li.current a, #tabs li.current div{
      background-position:0% 0%;
      }
    #tabs a:hover span, #tabs li.current span{
      background-position:100% 0%;
      color: #fff;
      }	
	/*  fin menutabs */
	
	
	
	.its{
	
	}
/*	
.its thead th {
	border-bottom: 2px solid #004D90;
	color: #004D90;
	font: bold 12px Arial,Verdana,sans-serif;
	padding: 7px 0 5px 5px;
	background-color:#C6D7EC;
}*/
.its tbody td {
	color: #333333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding-right:15px;
	}
	.pagebanner{
	color: #004D90;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding-right:15px;
	
	}
.inputCheque {
    border: 1px solid #678BCE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	width:80;
	text-align: right;
}

.inputImporte {
    border: 1px solid #678BCE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	width:118;
	text-align: right;
}

.inputDigito {
    border: 1px solid #678BCE;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	width:20;
	text-align: right;
}		
	
.ui-autocomplete {height: 150px; width:300px !important; overflow-y: scroll; overflow-x: hidden; text-align: left;}


.moneda{
	width:80px;
}

form{
	margin:0;
	padding:0;  
}
.ui-dialog .ui-dialog-buttonpane button{
background-color: #E0EFFC !important;
border-top: 1px solid #89b7d9 !important;
border-left: 1px solid #89b7d9 !important;
border-bottom: 2px groove #89b7d9 !important;
border-right: 2px groove #89b7d9 !important;
border-radius:0px!important; 
color: #1b4b70 !important; 
font-weight: bold !important; 
height: 23px !important; 
text-transform:none !important;
font-family: Arial,Helvetica,sans-serif !important;
font-size: 11px !important; 
width: 80px !important;}


input[type=text]{
	
	border: 1px solid #B1B1B1; 
	color: black;
  	text-transform:none;
 	font-family: Arial,Helvetica,sans-serif;
 	font-size: 11px;
}

input[type=button][disabled]{
	background-color: #E0EFFC !important;
	border-top: 1px solid #89b7d9;
	border-left: 1px solid #89b7d9;
	border-bottom: 2px groove #89b7d9;
	border-right: 2px groove #89b7d9; 
	color: gray; 
	font-weight: bold; 
	text-transform:none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

input[type=text][disabled]{
	background: #ECECEC !important;
	border: 1px solid #B1B1B1; 
	color: gray; 
	font-weight: bold; 
	text-transform:none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}
input[type=text][readonly]{
	background: #ECECEC !important;
	border: 1px solid #B1B1B1; 
	color: gray; 
	font-weight: bold; 
	text-transform:none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

select{
 	/*background: none repeat scroll 0 0 #ECECEC;*/
    border: 1px solid #B1B1B1;
    /*color: #333333;*/
    font-size: 11px;
    margin: 1px 0;
    text-transform: uppercase;

}




.blockUI blockOverlay{
z-index:1002!important;
}
.bordePrincipal{
	width:790px;
	border-left:1px solid #00529B;  
	border-right:1px solid #00529B;
	height:100%;
}

.calculadora{
padding: 0 0 0 500 ;  
cursor: pointer;
}

.inputInicioApp {
	width:100%;
	text-align: right;
}

